<template>
    <div class="excell-title"></div>
    <div class="excell-content">
        <div class="item" v-for="i in list" :key="i.name" @click="store.changeshowUser">
            <div class="itemtop">
                <img class="img" src="../../../assets/编组 28(1).png" alt="">
            </div>
            <div class="itembottom">
                <span>{{ i.name }}</span>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import { useCounterStore } from '@/stores/poups'
const store = useCounterStore()
let list = [
    {
        name: '张海波',
        img: '../../assets/编组 28(1).png'
    },
    {
        name: '王家胜',
        img: '../../assets/编组 28(1).png'
    },
    {
        name: '李力',
        img: '../../assets/编组 28(1).png'
    },
    {
        name: '赵勤',
        img: '../../assets/编组 28(1).png'
    },
    {
        name: '邹发露',
        img: '../../assets/编组 28(1).png'
    }
]
</script>

<style lang="less" scoped>
.excell-title{
    width: 100%;
    height: 36px;
    margin: 9px 0 9px 0;
    background-image: url("../../../assets/icon2.png");
    background-size: 100% 100%;
}
.excell-content{
    width: 100%;
    height: 137px;
    box-sizing: border-box;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url("../../../assets/icon12.png");
    background-size: 100% 100%;
    .item{
        width: 78px;
        .itemtop{
            width: 100%;
            height: 89px;
            background-image: url("../../../assets/icon9.png");
            background-size: 100% 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            .img{
                width: 59px;
                height: 69px;
            }
        }
        .itembottom{
            width: 100%;
            height: 16px;
            background-image: url("../../../assets/icon10.png");
            background-size: 100% 100%;
            margin-top: 12px;
            position: relative;
            span{
                font-family: PingFangSC-SNaNpxibold;
                font-weight: 600;
                font-size: 14px;
                color: #FFFFFF;
                position: absolute;
                left: calc(50% - 18px);
                top: -11px;
            }
        }
    }
}
</style>